<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>启辕商城</title>
    <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/layer/2.1/skin/layer.min.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="../../css/common/base.css">
    <link type="text/css" rel="stylesheet" href="../../css/list/list-detail.css">
</head>
<body>
<!--首页header-->
<div class="list-header">
    <div class="header-box" style="height: 100%">
        <div class="list-logo"></div>
        <div class="index-content-box">
            <a href="../../html/index/index.html" class="hand-move">首页</a>
            <a class="QY-store hand-move">启辕商城<span id="page-border"></span></a>
            <a id="userMobile"></a>
            <a class="hand-move" id="login"> 登录</a>
            <a class="hand-move" id="exit" style="display: none"> 退出</a>
            <a class="contact-number list-number">400-150-1999</a>
        </div>
    </div>
</div>
<div class="list-content">
    <div class="car-list-item">
        <div class="item-left-box">
            <div class="swiper-container">
                <div class="swiper-wrapper" id="swiperWrapper"></div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <div class="item-right-box">

        </div>
    </div>
    <div id="img-box" style="margin-top: 55px;">

    </div>
        <!--启辕认证-->
        <div class="base-info" id="QYRZ">
            <div class="base-info-title">
                启辕认证
            </div>
            <div class="QY-validate QY-validate-box">
                <img class="val-logo" src="../../images/认证icon04@2x.png">
                该车辆已通过启辕认证，符合认证标准！
            </div>
            <div class="standard-box clearfix">
                <div class="standard-item-box">
                    <div class="standard-item">
                        <p class="standard-item-title">双重检测</p>
                        <p class="item-detail">
                            启辕汽车为您精选可靠车源，所有启辕汽车认证车辆均须经过初检&复检两道严格的甄选过程：
                            经过启辕汽车复检最终认证的车辆可享受30天包退，1年或2万公里保修服务！
                        </p>
                    </div>
                </div>
                <div class="standard-item-box">
                    <div class="standard-item">
                        <p class="standard-item-title" style="background: #FFAA07">210项检测</p>
                        <p class="item-detail">
                            由二手车行业资深专家制定的210项全面深度检测，由经过专业培训、经验丰富的检测师严格执行检测项及流程，包括车辆外部检测、内部检测、重大事故损伤排查、泡水及火烧车排查、发动机舱检测等，全方位的进行车辆检测。为您购车保驾护航。
                        </p>
                    </div>
                </div>
                <div class="standard-item-box">
                    <div class="standard-item">
                        <p class="standard-item-title" style="background: #43D7E0">无重大事</p>
                        <p class="item-detail">
                            结构件：包括前纵梁、门柱（ABC柱）、减震器座、后备箱底板、后纵梁、防火墙；<br/>
                            加强件：包括翼子板内衬和水箱框架。（塑料材料，复合材料等可拆卸的水箱框架除外）；<br/>
                            覆盖件：包括翼子板、车门、发动机盖、行李箱盖、车顶等。
                        </p>
                    </div>
                </div>
                <div class="standard-item-box">
                    <div class="standard-item">
                        <p class="standard-item-title" style="background: #3186DC">一年或2万公里延保</p>
                        <p class="item-detail">
                            通过启辕汽车复检的“启辕汽车认证”车辆，自购车之日起1年或2万公里内（先到为准），覆盖全车10大系统的保修服务。
                            1、 发动机   <span class="right-font">2、 变速箱</span><br/>
                            3、 驱动系统 <span class="right-font">4、 转向系统</span><br/>
                            5、 制动系统 <span class="right-font">6、 悬挂系统</span><br/>
                            7、 燃油系统 <span class="right-font">8、 冷却系统</span><br/>
                            9、 空调系统 <span class="right-font">10、电气系统</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!--车辆照片-->
        <div class="base-info">
            <div class="base-info-title">
                车辆照片
            </div>
            <div class="open-img clearfix" id="carImages">

            </div>
        </div>
        <!--参数配置-->
        <div class="base-info" id="config-first">
            <div class="base-info-title">
                参数配置
            </div>
            <div >
                <table class="base-table config-data" id="config-one">

                </table>
                <table class="base-table config-data" id="engine">

                </table>
                <table class="base-table config-data" id="config-table">
                    <tr class="table-header">
                        <th colspan="4"><span>配置表</span></th>
                    </tr>
                </table>
            </div>
        </div>
    </div>
<!--车辆列表-->
<div class="list-content-box">
    <div class="list-content">
        <div class="list-title">
            <img src="../../images/source-left@2x.png">
            <span>推荐车源</span>
            <img src="../../images/source-right@2x.png">
        </div>
        <div class="car-list"  id="guss-list">

        </div>
    </div>
</div>
<div style="clear: both">
</div>
<div class="footer">
    <div class="footer-content-box">
        <div class="footer-left">
            <h4>热门市场</h4>
            <ul class="hot-market-box">
                <li>西安公诚二手车交易市场</li>
                <li class="right">青岛苏尚二手车交易市场</li>
                <li>潍坊泰华车港二手车交易市场</li>
                <li class="right">临沂远通二手车交易市场</li>
                <li>唐山兴瑭二手车交易市场</li>
                <li class="right">南京大公二手车交易市场</li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="QR-code-box">
                <img class="app-load-img" src="../../images/app-logo.png">
                <p>下载启辕APP</p>
                <p>收车卖车更简单</p>
            </div>
            <div class="QR-code-box">
                <img class="app-load-img" src="../../images/QR-logo.png">
                <p>关注启辕公众号</p>
                <p>查看更多优质二手车信息</p>
            </div>
        </div>
    </div>
</div>
<!--弹窗-->
<div id="tip" style="display: none">
    <div class="window-bg">
    </div>
    <div class="window-content" id="askLowPrice" style="display: none">
        <p class="border-bottom">
            询问底价，帮您用更低的价格获得爱车！
        </p>
        <img id="close" class="close-window close-position" src="../../images/close@2x.png">
        <div class="phone-number">
            <span>联系方式</span>
            <input placeholder="请输入您的手机号码" id="asklowprice-tel">
        </div>
        <div id="low-price">询问底价</div>
    </div>
    <div class="submit-tip" style="display: none">
        <p>信息提交成功，车主将尽快与您取得联系！</p>
        <img class="close-window tip-close-position" src="../../images/close@2x.png">
    </div>

    <!--登录-->
    <div class="window-content" style="display: none" id="loginBox">
        <p class="border-bottom">
            登 录
        </p>
        <img id="close" class="close-window close-position" src="../../images/close@2x.png">
        <form id="myForm">
            <div class="info-list-box">
                <div class="error-tip" style="display: none"><img class="error-img" src="../../images/errortip@2x.png"><span class="error-message">请输入正确的手机号码</span></div>
                <div class="info-item login-box first-box">
                    <input name="userMobile" id="phone-number" placeholder="请输入您的手机号">
                    <span class="validate-code get-code" style="display: block">获取验证码</span>
                    <span class="validate-code time" style="display: none"><span id="time">59s</span></span>
                </div>
                <div class="code-error" style="display: none"><img class="error-img" src="../../images/errortip@2x.png"><span class="error-message">验证失败</span></div>
                <div class="info-item login-box">
                    <input name="validateCode" id="code" placeholder="请输入验证码">
                </div>
                <div class="info-item login-box" id="check-box">
                    <img id="agree" class="isAgree" style="display: none" src="../../images/checked.png">
                    <img id="disagree" class="isAgree" style="display: block" src="../../images/unchecked.png">
                    <span class="is-checked"><a class="isAgree">登录即视为同意使用</ a><a id="agreement">用户协议</ a>&<a id="policy">隐私政策</ a></span>
                </div>
            </div>
        </form>
        <div id="low-price" class="login-btn login">
            登 录
        </div>
    </div>
</div>

<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.1/layer.min.js"></script>
<script src="../../js/common/global.js"></script>
<script src="../../js/common/api.js"></script>
<script src="../../js/common/getBaseData.js"></script>
<script src="../../js/common/client-pc.js"></script>
<script src="../../js/list/listdetail.js"></script>

</body>
</html>